<template>
	<view class="wap">
		<view class="search">
			<image :src="require('./static/img/search.png')" mode=""></image>
			<input type="text" placeholder="搜索" />
		</view>
		<view class="content">
			<view class="content_list">
				<view class="content_list_title">如果我在洱海边开一间小酒馆，你会做我的客</view>
				<view class="content_list_content">我的专属味道，格兰杰私藏系列。其中我最喜</view>
				<view class="content_list_footer">
					<view class="content_list_footer_l">
						<image src="" mode=""></image>
						<text>咪咪创建</text>
					</view>
					<view class="content_list_footer_r"><text>1200</text>人已传递</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.wap{
		padding:32rpx;
		background: #F3F3F3;
		height: 100vh;
		border-top: 1rpx  solid rgba(0,0,0,0.1);
		.search{
			border-radius: 40rpx;
			padding: 14rpx 32rpx;
			display:flex;
			background: #FFFFFF;
			margin-bottom: 32rpx;
			image{
				width: 48rpx;
				height: 48rpx;
				margin-right: 16rpx;	
			}
		}
		.content{
			padding: 32rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			.content_list{
				.content_list_title{
					overflow : hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					font-size: 32rpx;
					font-weight: bold;
				}
				.content_list_content{
					margin: 16rpx 0 50rpx 0;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					font-size: 26rpx;
					color: #999999;
				}
				.content_list_footer{
					display:flex;
					justify-content: space-between;
					align-items: center;
					.content_list_footer_l{
						font-size: 32rpx;
						image{
							width: 64rpx;
							height: 64rpx;
							border-radius: 50%;
							border: 1rpx solid #C0C0C0;
							vertical-align: middle;
							margin-right: 16rpx;
						}
					}
					.content_list_footer_r{
						font-size: 26rpx;
						color: #999999;
					}
				}
			}
		}
	}
</style>
